$(function(){
    // $('#ns').hide();
 bannerCut();
 showMore();
 asideButtonEvent();
 pLength();
 uploadData();
 $('nav a').each(function(){
    if($(this).data('v') === decodeURI(window.location.search.split('=')[1])){
        $(this).addClass('color').siblings().removeClass('color');
    }  
 })
 // if(decodeURI(window.location.search.split('=')[1]) === 'undefined'){
 //        $('#ns').show();
 //        scrTop();
 //    }else{
 //        $('#ns').hide();
 //        $('nav li:last-child').remove();
 //        $('nav li:first-child').css({
 //            'margin-left':'25%',
 //        }).find('s').remove()
 //    }
     if($('#ob>div').length === 0){
        $('#ob').html('<p style="height:30px;color:#999">暂无楼盘信息</p>');
     }else if($('#ns>div').length ===0){
        $('#ns').html('<p style="height:30px;color:#999">暂无楼盘信息</p>');
     }else if($('#ob>div').length === 0 && $('#ns>div').length ===0){
        $('#ob').html('<p style="height:30px;color:#999">暂无楼盘信息</p>');
        $('#ns').hide();
     }
 $('nav li').each(function(index){
    $(this).click(function(){
        $(this).find('i').css({
            background:'url('+$(this).find('i').data('src1')+') no-repeat center center / 100% 100%'
        });
        $(this).siblings().find('i').css({
            background:'url('+$(this).siblings().find('i').data('src')+') no-repeat center center / 100% 100%'
        })
      
        switch(index){
            case 0:
            $('html,body').animate({
                scrollTop:$('#ob').offset().top-50
            })
            break;
            case 1:  
            $('html,body').animate({
                scrollTop:$('#ns').offset().top-50
            })
            break;
        }
    })
 })
});
function asideButtonEvent(){
    var button1 = $('.layer-aside .aside1');
    var button2 = $('.layer-aside .aside2');
    var clone = $('.layer-aside .layer-mask .login-main i');
    button1.click(function(){
        console.log('button1')
    });
    button2.click(function(){
        $('.layer-mask').fadeIn();
    });
    clone.click(function(){
    	$('.layer-mask').fadeOut();
    })
}
function pLength(){
	var p = $('main>div>div .text p');
	p.each(function(){
		if($(this).text().length >= 59){
			$(this).text($(this).text().slice(0,62)+'...');
		}
	})
}
function uploadData(){
	var button = $(".layer-aside .layer-mask > div div.data input[type='button']");
	button.click(function(){
		var text = $('.layer-aside .layer-mask > div div.data input[type="text"]').val();
	    var tel = $('.layer-aside .layer-mask > div div.data input[type="tel"]').val();
        text == ''?alert('姓名不能为空'):(tel == ''?alert('电话号码不能为空'):
            $.post('https://show.enterlo.com/index/report/inserts',{name:text,telephone:tel,building:'罗宅首页'},function(res){
                if(res.code === "1"){
                    $('body').append('<iframe src="/index/index/succeed" id="iframe" style="display: none"></iframe>');
                    var time = setInterval(function(){
                        $('#iframe').remove();
                        clearInterval(time);
                    },3000);
                $('.layer-mask').fadeOut();
            }
                alert(res.message);
            })
        )
	})
	
}
function showMore(){
     var button1 = $('#ob button');
     var button2 = $('#ns button');
     $('#ob>div').each(function(index){
         $(this).show();
     	if(index<5){
            $(this).show();
            button1.hide()
        }else{
            button1.html('<span>展示更多 MORE</span><i></i>').css({
                fontSize:'14px',
                color:'#666'
            }).show();
            $(this).hide();
        }
     })
     $('#ns>div').each(function(index){
        if(index<5){
            // console.log(index)
            $(this).show();
            button2.hide()
        }else{
            button2.html('<span>展示更多 MORE</span><i></i>').css({
                fontSize:'14px',
                color:'#666'
            }).show();
            $(this).hide();
        }
     })
     button1.click(function(){
        $(this).hide()
        $('#ob>div').show();
     })
     button2.click(function(){
         $(this).hide()
        $('#ns>div').show();
     })
}
// function scrTop(){
//     $(window).scroll(function(){
//     // console.log($(window).scrollTop())
//     if($(window).scrollTop() < $('#ob').offset().top){
//                $('.nav-ob').css({
//                 background:'url('+$('.nav-ob').data('src1')+') no-repeat center center / 100% 100%'
//                })
//                $('.nav-ob').parent().siblings().find('i').css({
//             background:'url('+$('.nav-ob').parent().siblings().find('i').data('src')+') no-repeat center center / 100% 100%'
//         })
//             }
//             if($(window).scrollTop() >= $('#ns').offset().top-50){
//                 $('.nav-ns').css({
//                 background:'url('+$('.nav-ns').data('src1')+') no-repeat center center / 100% 100%'
//                })
//             }
//  })
// }
function bannerCut(){
    var country = window.location.search.split('=')[1];
    var urlPng = '/style/images/'+country+'.png';
    var urlSvg = '/style/images/'+country+'.svg';
    var html='';
    if(country){
        if(country ==='JPZ'){
        html+='<i style="background:url('+urlPng+') no-repeat center center / cover"></i>'+
           '<div class="text" style="width:50%;height:18em;left:auto;right:5%;background:url('+urlSvg+') no-repeat center center / 100% 100%"></div>'+
          '<div class="icon"><b></b><b></b></div>'
    }else{
        html+='<i style="background:url('+urlPng+') no-repeat center center / cover"></i>'+
           '<div class="text" style="width:auto;background:url('+urlSvg+') no-repeat center center / 100% 100%"></div>'+
           '<div class="icon"><b></b><b></b></div>'
    } 
    
    $('.banner').html(html)
    }
    
}